<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>tity</title>
	
	<style type="text/css">
	html,body,.map{
		margin: 0;
		padding: 0;
		height: 100%;
		overflow-y: hidden;
	}
	.map{
		position:relative; z-index:1;
	}
	.footer {
		z-index: 5;
		height: 68px;
		position: relative;
		top: -68px;
	}
	</style>
	
	<script type="text/javascript" src="http://124.193.189.153/coverage/System/Tpl/default/Public/js/jquery.min.js"></script>
	<script language="javascript" src="http://124.193.189.153/coverage/System/Tpl/default/Public/js/ajax-min.js"></script>
	<script language="javascript" src="http://124.193.189.153/coverage/System/Tpl/default/Public/js/MMap.Scale.js"></script>
	<script language="javascript" src="http://124.193.189.153/coverage/System/Tpl/default/Public/js/MMap.ToolBar.js"></script>

</head> 
<body>
	<div class="map"></div>
	<div class="footer">
	   <img usemap="#Map" src="./legend.jpg">
			<map name="Map">
			 <area title="弱信号区：此区域您可以在空旷的室外流畅收看，其它地方信号已经很弱了，所以建议您拔出天线接收。" href="#" coords="1,7,197,74" shape="rect">
			 <area title="较弱信号区：此区域您可以在室外大部分区域流畅收看，室内只有在窗口才可接收哦，而且在立交桥下、树木茂盛的区域、建筑物遮挡严重的地方是不能接收的哦。" href="#" coords="199,8,393,74" shape="rect">
			 <area title="正常信号区：此区域您可以在室外流畅收看，室内距离窗口较远的地方需要拔出天线才能流畅收看，全封闭的大楼和楼梯间是看不到的哦。" href="#" coords="400,8,591,75" shape="rect">
			 <area title="较强信号区：此区域您可以在室外流畅收看，室内需要拔出天线才能流畅收看哦，全封闭大楼是看不到的。" href="#" coords="598,5,785,76" shape="rect">
			 <area title="强信号区：在此区域您可以在室外室内任何地方流畅收看。" href="#" coords="795,4,985,75" shape="rect">
			</map>
	   </img>
	</div>
	
 
<script language="javascript">

var obj;

function mapInit(){

	var bounds = new MMap.Bounds(new MMap.LngLat(115.723161,39.6563284199), new MMap.LngLat(117.385867723,40.730006));
	obj = new MMap.Map($(".map")[0],{
		level:4,
		center:bounds.getCenter()
	});

	var lay = new MMap.TileLayer({
		id:"pic",
		tileUrl:"http://124.193.189.153/coverage/get.tile?x=[x]&y=[y]&z=[z]",
		//tileUrl:"http://localhost:8080/coverage/img?x=[x]&y=[y]&z=[z]",
		zIndex:2,
		opacity:0.5
	});

	obj.addLayer(lay);
	
	//加载工具条

	tool = new MMap.ToolBar({
		//direction:false,//隐藏方向导航
		//ruler:false,//隐藏视野级别控制尺
		autoPosition:false//禁止自动定位
	});

	obj.addControl(tool);

	//加载比例尺
	scale = new MMap.Scale();
	obj.addControl(scale);

}

</script>

<script language="javascript">

$(function(){

	mapInit();

});

</script>

</body>
</html>
